chore: migrate to @rc-component and clsx

Author: yoyo837

examples/fill-width.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import useLayoutEffect from "rc-util/lib/hooks/useLayoutEffect";
+import useLayoutEffect from "@rc-component/util/lib/hooks/useLayoutEffect";
 import Overflow from '../src';
 import '../assets/index.less';
 import './common.less';

package.json

@@ -45,15 +45,14 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.11.1",
-    "classnames": "^2.2.1",
-    "rc-resize-observer": "^1.0.0",
-    "rc-util": "^5.37.0"
+    "@rc-component/resize-observer": "^1.0.1",
+    "@rc-component/util": "^1.4.0",
+    "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^1.0.0",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.0.0",
-    "@types/classnames": "^2.2.9",
     "@types/enzyme": "^3.10.8",
     "@types/jest": "^26.0.23",
     "@types/node": "^24.8.1",
@@ -94,4 +93,4 @@
   "tnpm": {
     "mode": "npm"
   }
-}
+}

src/Item.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import classNames from 'classnames';
-import ResizeObserver from 'rc-resize-observer';
+import { clsx } from 'clsx';
+import ResizeObserver from '@rc-component/resize-observer';
 import type { ComponentType } from './RawItem';
 
 // Use shared variable to save bundle size
@@ -89,7 +89,7 @@ function InternalItem<ItemType>(
 
   let itemNode = (
     <Component
-      className={classNames(!invalidate && prefixCls, className)}
+      className={clsx(!invalidate && prefixCls, className)}
       style={{
         ...overflowStyle,
         ...style,

src/Overflow.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useState, useMemo, useCallback } from 'react';
-import classNames from 'classnames';
-import ResizeObserver from 'rc-resize-observer';
-import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
+import { clsx } from 'clsx';
+import ResizeObserver from '@rc-component/resize-observer';
+import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
 import Item from './Item';
 import useEffectState, { useBatcher } from './hooks/useEffectState';
 import type { ComponentType } from './RawItem';
@@ -394,7 +394,7 @@ function Overflow<ItemType = any>(
 
   const overflowNode = (
     <Component
-      className={classNames(!invalidate && prefixCls, className)}
+      className={clsx(!invalidate && prefixCls, className)}
       style={style}
       ref={ref}
       {...restProps}

src/RawItem.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import Item from './Item';
 import { OverflowContext } from './context';
 
@@ -31,7 +31,7 @@ const InternalRawItem = (props: RawItemProps, ref: React.Ref<any>) => {
     <OverflowContext.Provider value={null}>
       <Item
         ref={ref}
-        className={classNames(contextClassName, className)}
+        className={clsx(contextClassName, className)}
         {...restContext}
         {...restProps}
       />

src/hooks/channelUpdate.ts

@@ -1,4 +1,4 @@
-import raf from 'rc-util/lib/raf';
+import raf from '@rc-component/util/lib/raf';
 
 export default function channelUpdate(callback: VoidFunction) {
   if (typeof MessageChannel === 'undefined') {

src/hooks/useEffectState.tsx

@@ -1,4 +1,4 @@
-import useEvent from 'rc-util/lib/hooks/useEvent';
+import useEvent from '@rc-component/util/lib/hooks/useEvent';
 import * as React from 'react';
 import { unstable_batchedUpdates } from 'react-dom';
 import channelUpdate from './channelUpdate';

tests/github.spec.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { render, act } from '@testing-library/react';
-import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
+import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
 import Overflow from '../src';
 
-import { _rs as onResize } from 'rc-resize-observer/lib/utils/observerUtil';
+import { _rs as onResize } from '@rc-component/resize-observer/lib/utils/observerUtil';
 
 interface ItemType {
   label: React.ReactNode;