refactor: Upgrade utils and replace useMergedState (#400)

* refactor: Upgrade utils and replace useMergedState

* Update src/Collapse.tsx

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat: chaneg onItemClick

* feat: modify triggerActiveKey

* feat: modity triggerActiveKey  function

* feat: triggerActiveKey function setValue

---------

Co-authored-by: 刘欢 <[email protected]>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

Author: 3 people

package.json

@@ -47,7 +47,7 @@
   "dependencies": {
     "@babel/runtime": "^7.10.1",
     "@rc-component/motion": "^1.1.4",
-    "@rc-component/util": "^1.0.1",
+    "@rc-component/util": "^1.3.0",
     "classnames": "2.x"
   },
   "devDependencies": {

src/Collapse.tsx

@@ -1,13 +1,13 @@
 import classNames from 'classnames';
-import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
+import { useControlledState, useEvent } from '@rc-component/util';
 import warning from '@rc-component/util/lib/warning';
 import React from 'react';
 import useItems from './hooks/useItems';
 import type { CollapseProps } from './interface';
 import CollapsePanel from './Panel';
 import pickAttrs from '@rc-component/util/lib/pickAttrs';
 
-function getActiveKeysArray(activeKey: React.Key | React.Key[]) {
+function getActiveKeysArray(activeKey: React.Key | React.Key[]): React.Key[] {
   let currentActiveKey = activeKey;
   if (!Array.isArray(currentActiveKey)) {
     const activeKeyType = typeof currentActiveKey;
@@ -38,27 +38,27 @@ const Collapse = React.forwardRef<HTMLDivElement, CollapseProps>((props, ref) =>
 
   const collapseClassName = classNames(prefixCls, className);
 
-  const [activeKey, setActiveKey] = useMergedState<React.Key | React.Key[], React.Key[]>([], {
-    value: rawActiveKey,
-    onChange: (v) => onChange?.(v as React.Key[]),
-    defaultValue: defaultActiveKey,
-    postState: getActiveKeysArray,
-  });
-
-  const onItemClick = (key: React.Key) =>
-    setActiveKey(() => {
-      if (accordion) {
-        return activeKey[0] === key ? [] : [key];
-      }
+  const [internalActiveKey, setActiveKey] = useControlledState<React.Key[] | React.Key>(
+    defaultActiveKey,
+    rawActiveKey,
+  );
+  const activeKey = getActiveKeysArray(internalActiveKey);
 
-      const index = activeKey.indexOf(key);
-      const isActive = index > -1;
-      if (isActive) {
-        return activeKey.filter((item) => item !== key);
-      }
+  const triggerActiveKey = useEvent((next) => {
+    const nextKeys = getActiveKeysArray(next);
+    setActiveKey(nextKeys);
+    onChange?.(nextKeys);
+  });
 
-      return [...activeKey, key];
-    });
+  const onItemClick = (key: React.Key) => {
+    if (accordion) {
+      triggerActiveKey(activeKey[0] === key ? [] : [key]);
+    } else {
+      triggerActiveKey(
+        activeKey.includes(key) ? activeKey.filter((item) => item !== key) : [...activeKey, key],
+      );
+    }
+  };
 
   // ======================== Children ========================
   warning(