perf: uninstall classnames, install clsx (#243)

* perf: uninstall classnames, install clsx

* update snap

Author: li-jia-nan

.gitignore

@@ -28,6 +28,7 @@ es
 coverage
 yarn.lock
 package-lock.json
+pnpm-lock.yaml
 .vscode
 
 # dumi

package.json

@@ -46,16 +46,17 @@
   "dependencies": {
     "@rc-component/trigger": "^3.0.0",
     "@rc-component/util": "^1.2.1",
-    "classnames": "^2.2.6"
+    "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^2.0.2",
+    "@rc-component/menu": "^1.0.0",
     "@rc-component/np": "^1.0.3",
     "@rc-component/resize-observer": "^1.0.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
-    "@types/classnames": "^2.2.6",
     "@types/jest": "^29.0.0",
+    "@types/node": "^24.5.2",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/warning": "^3.0.0",
@@ -71,7 +72,6 @@
     "less": "^4.1.1",
     "lint-staged": "^13.2.1",
     "prettier": "^2.8.7",
-    "@rc-component/menu": "^1.0.0",
     "rc-test": "^7.0.14",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",

src/Dropdown.tsx

@@ -7,7 +7,7 @@ import type {
   BuildInPlacements,
 } from '@rc-component/trigger/lib/interface';
 import { composeRef, getNodeRef, supportRef } from '@rc-component/util/lib/ref';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import React from 'react';
 import useAccessibility from './hooks/useAccessibility';
 import Overlay from './Overlay';
@@ -136,7 +136,7 @@ function Dropdown(props: DropdownProps, ref) {
   };
 
   const childrenNode = React.cloneElement(children, {
-    className: classNames(
+    className: clsx(
       children.props?.className,
       mergedVisible && getOpenClassName(),
     ),
@@ -156,7 +156,7 @@ function Dropdown(props: DropdownProps, ref) {
       {...otherProps}
       prefixCls={prefixCls}
       ref={triggerRef}
-      popupClassName={classNames(overlayClassName, {
+      popupClassName={clsx(overlayClassName, {
         [`${prefixCls}-show-arrow`]: arrow,
       })}
       popupStyle={overlayStyle}

tests/__snapshots__/basic.test.tsx.snap

@@ -20,7 +20,7 @@ exports[`dropdown simply works 1`] = `
     >
       <li
         class="rc-menu-item"
-        data-menu-id="rc-menu-uuid-test-1"
+        data-menu-id="rc-menu-uuid-1"
         role="menuitem"
         tabindex="-1"
       >
@@ -36,7 +36,7 @@ exports[`dropdown simply works 1`] = `
       />
       <li
         class="rc-menu-item"
-        data-menu-id="rc-menu-uuid-test-2"
+        data-menu-id="rc-menu-uuid-2"
         role="menuitem"
         tabindex="-1"
       >