feat: remove shallowequal (#285)

Author: yoyo837

package.json

@@ -44,7 +44,6 @@
     "@types/jest": "^26.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
-    "@types/shallowequal": "^1.1.1",
     "@umijs/fabric": "^2.0.0",
     "cross-env": "^7.0.0",
     "dumi": "^1.1.4",
@@ -66,8 +65,7 @@
     "@babel/runtime": "^7.10.1",
     "classnames": "2.x",
     "rc-motion": "^2.3.4",
-    "rc-util": "^5.2.1",
-    "shallowequal": "^1.1.0"
+    "rc-util": "^5.27.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",

src/Collapse.tsx

@@ -2,7 +2,7 @@
 import classNames from 'classnames';
 import toArray from 'rc-util/lib/Children/toArray';
 import * as React from 'react';
-import shallowEqual from 'shallowequal';
+import isEqual from 'rc-util/lib/isEqual';
 import type { CollapseProps, CollapsibleType } from './interface';
 import CollapsePanel from './Panel';
 
@@ -45,7 +45,7 @@ class Collapse extends React.Component<CollapseProps, CollapseState> {
   }
 
   shouldComponentUpdate(nextProps: CollapseProps, nextState: CollapseState) {
-    return !shallowEqual(this.props, nextProps) || !shallowEqual(this.state, nextState);
+    return !isEqual(this.props, nextProps, true) || !isEqual(this.state, nextState, true);
   }
 
   onClickItem = (key: React.Key) => {

src/Panel.tsx

@@ -2,7 +2,7 @@
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';
 import * as React from 'react';
-import shallowEqual from 'shallowequal';
+import isEqual from 'rc-util/lib/isEqual';
 import type { CollapsePanelProps } from './interface';
 import PanelContent from './PanelContent';
 
@@ -16,7 +16,7 @@ class CollapsePanel extends React.Component<CollapsePanelProps, any> {
   };
 
   shouldComponentUpdate(nextProps: CollapsePanelProps) {
-    return !shallowEqual(this.props, nextProps);
+    return !isEqual(this.props, nextProps, true);
   }
 
   onItemClick = () => {