From 36c9370350f347a3b964553bd0a908db77e49b49 Mon Sep 17 00:00:00 2001
From: lijianan <574980606@qq.com>
Date: Sun, 28 Sep 2025 13:34:02 +0800
Subject: [PATCH] perf: uninstall classnames, install clsx

---
 .gitignore                | 1 +
 package.json              | 6 +++---
 src/ResizableTextArea.tsx | 4 ++--
 src/TextArea.tsx          | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/.gitignore b/.gitignore
index 1c6e414..bd6229b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,6 +27,7 @@ lib
 es
 yarn.lock
 package-lock.json
+pnpm-lock.yaml
 coverage/
 .doc
 # umi
diff --git a/package.json b/package.json
index 0abc096..aad40ac 100644
--- a/package.json
+++ b/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",
diff --git a/src/ResizableTextArea.tsx b/src/ResizableTextArea.tsx
index 4bd943d..23f27d8 100644
--- a/src/ResizableTextArea.tsx
+++ b/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}
diff --git a/src/TextArea.tsx b/src/TextArea.tsx
index 648ebba..b18c705 100644
--- a/src/TextArea.tsx
+++ b/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';