perf: uninstall classnames, install clsx (#163)

Author: li-jia-nan

.gitignore

@@ -26,6 +26,7 @@ lib
 es
 yarn.lock
 package-lock.json
+pnpm-lock.yaml
 coverage/
 
 # dumi

package.json

@@ -43,13 +43,16 @@
     ]
   },
   "dependencies": {
-    "classnames": "^2.2.1",
-    "@rc-component/util": "^1.3.0"
+    "@rc-component/util": "^1.3.0",
+    "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^2.0.0",
-    "@types/classnames": "^2.2.10",
+    "@rc-component/np": "^1.0.3",
     "@types/jest": "^29.4.0",
+    "@types/node": "^24.5.2",
+    "@types/react": "^19.1.14",
+    "@types/react-dom": "^19.1.9",
     "@umijs/fabric": "^3.0.0",
     "cheerio": "1.0.0-rc.12",
     "dumi": "^2.0.0",
@@ -64,7 +67,6 @@
     "husky": "^8.0.1",
     "less": "^4.1.3",
     "lint-staged": "^15.1.0",
-    "@rc-component/np": "^1.0.3",
     "prettier": "^3.1.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",

src/index.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import useControlledState from '@rc-component/util/lib/hooks/useControlledState';
 import KeyCode from '@rc-component/util/lib/KeyCode';
 
@@ -84,7 +84,7 @@ const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(
       onClick?.(ret, e);
     }
 
-    const switchClassName = classNames(prefixCls, className, {
+    const switchClassName = clsx(prefixCls, className, {
       [`${prefixCls}-checked`]: innerChecked,
       [`${prefixCls}-disabled`]: disabled,
     });
@@ -104,13 +104,13 @@ const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(
         {loadingIcon}
         <span className={`${prefixCls}-inner`}>
           <span
-            className={classNames(`${prefixCls}-inner-checked`, switchClassNames?.content)}
+            className={clsx(`${prefixCls}-inner-checked`, switchClassNames?.content)}
             style={styles?.content}
           >
             {checkedChildren}
           </span>
           <span
-            className={classNames(`${prefixCls}-inner-unchecked`, switchClassNames?.content)}
+            className={clsx(`${prefixCls}-inner-unchecked`, switchClassNames?.content)}
             style={styles?.content}
           >
             {unCheckedChildren}