perf: uninstall classnames, install clsx (#663)

Author: li-jia-nan

.gitignore

@@ -28,6 +28,7 @@ coverage
 yarn.lock
 es
 package-lock.json
+pnpm-lock.yaml
 tmp/
 .history
 .storybook
@@ -41,4 +42,4 @@ tmp/
 
 # dumi
 .dumi/tmp
-.dumi/tmp-production
+.dumi/tmp-production

package.json

@@ -38,14 +38,15 @@
   },
   "dependencies": {
     "@rc-component/util": "^1.3.0",
-    "classnames": "^2.2.5"
+    "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^2.0.2",
     "@rc-component/np": "^1.0.4",
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^16.2.0",
     "@types/jest": "^30.0.0",
+    "@types/node": "^24.5.2",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@umijs/fabric": "^4.0.1",

src/AjaxUploader.tsx

@@ -1,5 +1,5 @@
 /* eslint react/no-is-mounted:0,react/sort-comp:0,react/prop-types:0 */
-import clsx from 'classnames';
+import { clsx } from 'clsx';
 import pickAttrs from '@rc-component/util/lib/pickAttrs';
 import React, { Component } from 'react';
 import attrAccept from './attr-accept';
@@ -329,11 +329,7 @@ class AjaxUploader extends Component<UploadProps> {
       hasControlInside,
       ...otherProps
     } = this.props;
-    const cls = clsx({
-      [prefixCls]: true,
-      [`${prefixCls}-disabled`]: disabled,
-      [className]: className,
-    });
+    const cls = clsx(prefixCls, { [`${prefixCls}-disabled`]: disabled, [className]: className });
     // because input don't have directory/webkitdirectory type declaration
     const dirProps: any =
       directory || folder ? { directory: 'directory', webkitdirectory: 'webkitdirectory' } : {};