chore(deps): update RC component dependencies (#514)

* chore(deps): update RC component dependencies

* refactor: migrate from rc-* dependencies to @rc-component/* packages

* test: mock ResizeObserver for Jest testing environment

Author: aojunhao123

.gitignore

@@ -28,6 +28,7 @@ coverage
 yarn.lock
 package-lock.json
 bun.lockb
+.vscode
 
 # dumi
 .umi

docs/examples/body-overflow.tsx

@@ -1,5 +1,5 @@
 /* eslint no-console:0 */
-import Trigger from 'rc-trigger';
+import Trigger from '@rc-component/trigger';
 import React from 'react';
 import { createPortal } from 'react-dom';
 import '../../assets/index.less';

docs/examples/case.tsx

@@ -1,9 +1,9 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import type { CSSMotionProps } from 'rc-motion';
-import type { ActionType, BuildInPlacements } from 'rc-trigger';
-import Trigger from 'rc-trigger';
+import type { CSSMotionProps } from '@rc-component/motion';
+import type { ActionType, BuildInPlacements } from '@rc-component/trigger';
+import Trigger from '@rc-component/trigger';
 import './case.less';
 
 const builtinPlacements: BuildInPlacements = {

docs/examples/click-nested.tsx

@@ -1,6 +1,6 @@
 /* eslint no-console:0 */
 
-import Trigger from 'rc-trigger';
+import Trigger from '@rc-component/trigger';
 import React from 'react';
 import '../../assets/index.less';
 

docs/examples/clip.tsx

@@ -1,5 +1,5 @@
 /* eslint no-console:0 */
-import Trigger from 'rc-trigger';
+import Trigger from '@rc-component/trigger';
 import React from 'react';
 import '../../assets/index.less';
 

docs/examples/container.tsx

@@ -1,5 +1,5 @@
 /* eslint no-console:0 */
-import Trigger from 'rc-trigger';
+import Trigger from '@rc-component/trigger';
 import React from 'react';
 import '../../assets/index.less';
 

docs/examples/large-popup.tsx

@@ -1,5 +1,5 @@
 /* eslint no-console:0 */
-import Trigger from 'rc-trigger';
+import Trigger from '@rc-component/trigger';
 import React from 'react';
 import '../../assets/index.less';
 

docs/examples/nested.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Trigger from 'rc-trigger';
+import Trigger from '@rc-component/trigger';
 import '../../assets/index.less';
 
 const builtinPlacements = {

docs/examples/point.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Trigger, { ActionType } from 'rc-trigger';
+import Trigger, { ActionType } from '@rc-component/trigger';
 import '../../assets/index.less';
 import './point.less';
 

docs/examples/portal.tsx

@@ -1,6 +1,6 @@
 /* eslint no-console:0 */
 
-import Trigger from 'rc-trigger';
+import Trigger from '@rc-component/trigger';
 import React from 'react';
 import { createPortal } from 'react-dom';
 import '../../assets/index.less';

docs/examples/shadow.tsx

@@ -1,5 +1,5 @@
 /* eslint no-console:0 */
-import Trigger from 'rc-trigger';
+import Trigger from '@rc-component/trigger';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import '../../assets/index.less';

docs/examples/simple.tsx

@@ -1,6 +1,6 @@
 /* eslint no-console:0 */
 
-import Trigger, { ActionType } from 'rc-trigger';
+import Trigger, { ActionType } from '@rc-component/trigger';
 import React from 'react';
 import '../../assets/index.less';
 

docs/examples/static-scroll.tsx

@@ -1,5 +1,5 @@
 /* eslint no-console:0 */
-import Trigger from 'rc-trigger';
+import Trigger from '@rc-component/trigger';
 import React from 'react';
 import '../../assets/index.less';
 import { builtinPlacements } from './inside';

docs/examples/visible-fallback.tsx

@@ -1,6 +1,6 @@
 /* eslint no-console:0 */
-import type { AlignType, TriggerRef } from 'rc-trigger';
-import Trigger from 'rc-trigger';
+import type { AlignType, TriggerRef } from '@rc-component/trigger';
+import Trigger from '@rc-component/trigger';
 import React from 'react';
 import '../../assets/index.less';
 

package.json

@@ -64,15 +64,14 @@
     "typescript": "^5.1.6"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.2",
+    "@rc-component/motion": "^1.1.4",
     "@rc-component/portal": "^1.1.0",
-    "classnames": "^2.3.2",
-    "rc-motion": "^2.0.0",
-    "rc-resize-observer": "^1.3.1",
-    "rc-util": "^5.44.0"
+    "@rc-component/resize-observer": "^1.0.0",
+    "@rc-component/util": "^1.2.1",
+    "classnames": "^2.3.2"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   }
-}
+}

src/Popup/Mask.tsx

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
-import type { CSSMotionProps } from 'rc-motion';
-import CSSMotion from 'rc-motion';
+import type { CSSMotionProps } from '@rc-component/motion';
+import CSSMotion from '@rc-component/motion';
 import * as React from 'react';
 
 export interface MaskProps {

src/Popup/index.tsx

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
-import type { CSSMotionProps } from 'rc-motion';
-import CSSMotion from 'rc-motion';
-import ResizeObserver from 'rc-resize-observer';
-import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
-import { composeRef } from 'rc-util/lib/ref';
+import type { CSSMotionProps } from '@rc-component/motion';
+import CSSMotion from '@rc-component/motion';
+import ResizeObserver from '@rc-component/resize-observer';
+import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
+import { composeRef } from '@rc-component/util/lib/ref';
 import * as React from 'react';
 import type { TriggerProps } from '../';
 import type { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';

src/TriggerWrapper.tsx

@@ -3,7 +3,7 @@ import {
   getNodeRef,
   supportRef,
   useComposeRef,
-} from 'rc-util/lib/ref';
+} from '@rc-component/util/lib/ref';
 import * as React from 'react';
 import type { TriggerProps } from '.';
 

src/hooks/useAlign.ts

@@ -1,7 +1,7 @@
-import { isDOM } from 'rc-util/lib/Dom/findDOMNode';
-import isVisible from 'rc-util/lib/Dom/isVisible';
-import useEvent from 'rc-util/lib/hooks/useEvent';
-import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
+import { isDOM } from '@rc-component/util/lib/Dom/findDOMNode';
+import isVisible from '@rc-component/util/lib/Dom/isVisible';
+import useEvent from '@rc-component/util/lib/hooks/useEvent';
+import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
 import * as React from 'react';
 import type { TriggerProps } from '..';
 import type {

src/hooks/useWatch.ts

@@ -1,4 +1,4 @@
-import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
+import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
 import { collectScroller, getWin } from '../util';
 
 export default function useWatch(

src/hooks/useWinClick.ts

@@ -1,5 +1,5 @@
-import { getShadowRoot } from 'rc-util/lib/Dom/shadow';
-import { warning } from 'rc-util/lib/warning';
+import { getShadowRoot } from '@rc-component/util/lib/Dom/shadow';
+import { warning } from '@rc-component/util/lib/warning';
 import * as React from 'react';
 import { getWin } from '../util';
 

src/index.tsx

@@ -1,13 +1,13 @@
 import Portal from '@rc-component/portal';
 import classNames from 'classnames';
-import type { CSSMotionProps } from 'rc-motion';
-import ResizeObserver from 'rc-resize-observer';
-import { isDOM } from 'rc-util/lib/Dom/findDOMNode';
-import { getShadowRoot } from 'rc-util/lib/Dom/shadow';
-import useEvent from 'rc-util/lib/hooks/useEvent';
-import useId from 'rc-util/lib/hooks/useId';
-import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
-import isMobile from 'rc-util/lib/isMobile';
+import type { CSSMotionProps } from '@rc-component/motion';
+import ResizeObserver from '@rc-component/resize-observer';
+import { isDOM } from '@rc-component/util/lib/Dom/findDOMNode';
+import { getShadowRoot } from '@rc-component/util/lib/Dom/shadow';
+import useEvent from '@rc-component/util/lib/hooks/useEvent';
+import useId from '@rc-component/util/lib/hooks/useId';
+import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
+import isMobile from '@rc-component/util/lib/isMobile';
 import * as React from 'react';
 import Popup from './Popup';
 import TriggerWrapper from './TriggerWrapper';

src/interface.ts

@@ -1,4 +1,4 @@
-import type { CSSMotionProps } from 'rc-motion';
+import type { CSSMotionProps } from '@rc-component/motion';
 
 export type Placement =
   | 'top'

tests/align.test.tsx

@@ -1,11 +1,11 @@
 import { act, cleanup, fireEvent, render } from '@testing-library/react';
-import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
+import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
 import React from 'react';
 import type { TriggerProps, TriggerRef } from '../src';
 import Trigger from '../src';
 import { awaitFakeTimer } from './util';
 
-import { _rs } from 'rc-resize-observer';
+import { _rs } from '@rc-component/resize-observer';
 
 export const triggerResize = (target: Element) => {
   act(() => {

tests/arrow.test.jsx

@@ -4,7 +4,7 @@ import { act, cleanup, render } from '@testing-library/react';
 import {
   spyElementPrototype,
   spyElementPrototypes,
-} from 'rc-util/lib/test/domHook';
+} from '@rc-component/util/lib/test/domHook';
 import Trigger from '../src';
 
 describe('Trigger.Arrow', () => {

tests/basic.test.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable max-classes-per-file */
 
 import { act, cleanup, fireEvent, render } from '@testing-library/react';
-import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
+import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
 import React, { StrictMode, createRef } from 'react';
 import ReactDOM, { createPortal } from 'react-dom';
 import Trigger from '../src';

tests/flip-visibleFirst.test.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-invalid-this */
 import { act, cleanup, render } from '@testing-library/react';
-import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
+import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
 import * as React from 'react';
 import type { AlignType, TriggerProps, TriggerRef } from '../src';
 import Trigger from '../src';

tests/flip.test.tsx

@@ -1,6 +1,6 @@
 import { act, cleanup, render } from '@testing-library/react';
-import { _rs } from 'rc-resize-observer';
-import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
+import { _rs } from '@rc-component/resize-observer';
+import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
 import * as React from 'react';
 import type { AlignType, TriggerProps } from '../src';
 import Trigger from '../src';

tests/flipShift.test.tsx

@@ -1,5 +1,5 @@
 import { act, cleanup, render } from '@testing-library/react';
-import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
+import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
 import React from 'react';
 import Trigger from '../src';
 

tests/mask.test.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { fireEvent, render } from '@testing-library/react';
 import Trigger from '../src';
-import CSSMotion from 'rc-motion';
+import CSSMotion from '@rc-component/motion';
 import { placementAlignMap } from './util';
 
 describe('Trigger.Mask', () => {

tests/mobile.test.tsx

@@ -1,10 +1,10 @@
 import { act, fireEvent, render } from '@testing-library/react';
-import isMobile from 'rc-util/lib/isMobile';
+import isMobile from '@rc-component/util/lib/isMobile';
 import React from 'react';
 import Trigger from '../src';
 import { placementAlignMap } from './util';
 
-jest.mock('rc-util/lib/isMobile');
+jest.mock('@rc-component/util/lib/isMobile');
 
 describe('Trigger.Mobile', () => {
   beforeAll(() => {

tests/portal.test.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable max-classes-per-file */
 
 import { act, cleanup, fireEvent, render } from '@testing-library/react';
-import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
+import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import Trigger from '../src';

tests/rect.test.tsx

@@ -1,5 +1,5 @@
 import { cleanup, render } from '@testing-library/react';
-import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
+import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
 import React from 'react';
 import Trigger from '../src';
 import { awaitFakeTimer } from './util';

tests/ref.test.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable max-classes-per-file */
 
 import { cleanup, render } from '@testing-library/react';
-import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
+import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
 import React from 'react';
 import Trigger, { type TriggerRef } from '../src';
 

tests/setup.js

@@ -1,3 +1,10 @@
 // jsdom add motion events to test CSSMotion
 window.AnimationEvent = window.AnimationEvent || (() => {});
 window.TransitionEvent = window.TransitionEvent || (() => {});
+global.ResizeObserver = jest.fn(() => {
+    return {
+        observe() { },
+        unobserve() { },
+        disconnect() { },
+    };
+});

tests/shadow.test.tsx

@@ -1,5 +1,5 @@
 import { act, fireEvent } from '@testing-library/react';
-import { resetWarned } from 'rc-util/lib/warning';
+import { resetWarned } from '@rc-component/util/lib/warning';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import Trigger from '../src';

tsconfig.json

@@ -11,7 +11,7 @@
     "paths": {
       "@/*": ["src/*"],
       "@@/*": [".dumi/tmp/*"],
-      "rc-trigger": ["src/index.tsx"]
+      "@rc-component/trigger": ["src/index.tsx"]
     }
   }
 }