perf: uninstall classnames, install clsx

Author: li-jia-nan

.gitignore

@@ -27,6 +27,7 @@ lib
 es
 yarn.lock
 package-lock.json
+pnpm-lock.yaml
 coverage/
 .doc
 # umi

package.json

@@ -43,17 +43,17 @@
     "coverage": "rc-test --coverage"
   },
   "dependencies": {
-    "classnames": "^2.2.1",
     "@rc-component/input": "~1.1.0",
     "@rc-component/resize-observer": "^1.0.0",
-    "@rc-component/util": "^1.3.0"
+    "@rc-component/util": "^1.3.0",
+    "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^2.0.2",
     "@rc-component/np": "^1.0.3",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^15.0.0",
-    "@types/classnames": "^2.2.9",
+    "@types/node": "^24.5.2",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@umijs/fabric": "^2.0.8",

src/ResizableTextArea.tsx

@@ -2,7 +2,7 @@ import ResizeObserver from '@rc-component/resize-observer';
 import useControlledState from '@rc-component/util/lib/hooks/useControlledState';
 import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
 import raf from '@rc-component/util/lib/raf';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import * as React from 'react';
 import type { TextAreaProps } from '.';
 import calculateAutoSizeStyle from './calculateNodeHeight';
@@ -162,7 +162,7 @@ const ResizableTextArea = React.forwardRef<ResizableTextAreaRef, TextAreaProps>(
           {...restProps}
           ref={textareaRef}
           style={mergedStyle}
-          className={classNames(prefixCls, className, {
+          className={clsx(prefixCls, className, {
             [`${prefixCls}-disabled`]: disabled,
           })}
           disabled={disabled}

src/TextArea.tsx

@@ -3,7 +3,7 @@ import { type HolderRef } from '@rc-component/input/lib/BaseInput';
 import useCount from '@rc-component/input/lib/hooks/useCount';
 import { resolveOnChange } from '@rc-component/input/lib/utils/commonUtils';
 import useControlledState from '@rc-component/util/lib/hooks/useControlledState';
-import clsx from 'classnames';
+import { clsx } from 'clsx';
 import type { ReactNode } from 'react';
 import React, { useEffect, useImperativeHandle, useRef } from 'react';
 import ResizableTextArea from './ResizableTextArea';