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

aojunhao123 · web-flow · commit b1a3dd35ed72 · 2025-02-18T16:35:58.000+08:00
* chore(deps): update RC component dependencies

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

* test: mock ResizeObserver for Jest testing environment
diff --git a/.gitignore b/.gitignore
@@ -28,6 +28,7 @@ coverage
 yarn.lock
 package-lock.json
 bun.lockb
+.vscode
 
 # dumi
 .umi
diff --git a/docs/examples/body-overflow.tsx b/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';
diff --git a/docs/examples/case.tsx b/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 = {
diff --git a/docs/examples/click-nested.tsx b/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';
 
diff --git a/docs/examples/clip.tsx b/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';
 
diff --git a/docs/examples/container.tsx b/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';
 
diff --git a/docs/examples/large-popup.tsx b/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';
 
diff --git a/docs/examples/nested.tsx b/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 = {
diff --git a/docs/examples/point.tsx b/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';
 
diff --git a/docs/examples/portal.tsx b/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';
diff --git a/docs/examples/shadow.tsx b/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';
diff --git a/docs/examples/simple.tsx b/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';
 
diff --git a/docs/examples/static-scroll.tsx b/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';
diff --git a/docs/examples/visible-fallback.tsx b/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';
 
diff --git a/package.json b/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"
   }
-}
+}
diff --git a/src/Popup/Mask.tsx b/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 {
diff --git a/src/Popup/index.tsx b/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';
diff --git a/src/TriggerWrapper.tsx b/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 '.';
 
diff --git a/src/hooks/useAlign.ts b/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 {
diff --git a/src/hooks/useWatch.ts b/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(
diff --git a/src/hooks/useWinClick.ts b/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';
 
diff --git a/src/index.tsx b/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';
diff --git a/src/interface.ts b/src/interface.ts
@@ -1,4 +1,4 @@
-import type { CSSMotionProps } from 'rc-motion';
+import type { CSSMotionProps } from '@rc-component/motion';
 
 export type Placement =
   | 'top'
diff --git a/tests/align.test.tsx b/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(() => {
diff --git a/tests/arrow.test.jsx b/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', () => {
diff --git a/tests/basic.test.jsx b/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';
diff --git a/tests/flip-visibleFirst.test.tsx b/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';
diff --git a/tests/flip.test.tsx b/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';
diff --git a/tests/flipShift.test.tsx b/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';
 
diff --git a/tests/mask.test.jsx b/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', () => {
diff --git a/tests/mobile.test.tsx b/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(() => {
diff --git a/tests/portal.test.jsx b/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';
diff --git a/tests/rect.test.tsx b/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';
diff --git a/tests/ref.test.tsx b/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';
 
diff --git a/tests/setup.js b/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() { },
+    };
+});
diff --git a/tests/shadow.test.tsx b/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';
diff --git a/tsconfig.json b/tsconfig.json
@@ -11,7 +11,7 @@
     "paths": {
       "@/*": ["src/*"],
       "@@/*": [".dumi/tmp/*"],
-      "rc-trigger": ["src/index.tsx"]
+      "@rc-component/trigger": ["src/index.tsx"]
     }
   }
 }
