refactor: Cell component with responsiveImmutable (#928)

* refactor: Cell use responseImmutable

* chore: fix path

* fix: value check children

* fix: data passing

* fix: hover logic

* fix: origin cell render logic

* test: fix test case

* test: fix test case

* test: more test case

* chore: clean up

Author: zombieJ

docs/examples/simple.tsx

@@ -1,3 +1,4 @@
+import type { TableProps } from 'rc-table';
 import Table from 'rc-table';
 import React, { useState } from 'react';
 import '../../assets/index.less';
@@ -17,11 +18,12 @@ const data = [
 const Demo = () => {
   const [count, setCount] = useState(0);
 
-  const columns = [
+  const columns: TableProps<any>['columns'] = [
     {
       title: 'title',
       dataIndex: 'a',
       render: () => count,
+      // shouldCellUpdate: () => false,
     },
   ];
 

package.json

@@ -53,7 +53,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.10.1",
-    "@rc-component/context": "^1.0.0",
+    "@rc-component/context": "^1.2.0",
     "classnames": "^2.2.5",
     "rc-resize-observer": "^1.1.0",
     "rc-util": "^5.27.1"

src/Body/BodyRow.tsx

@@ -85,20 +85,7 @@ function BodyRow<RecordType extends { children?: readonly RecordType[] }>(
   const [expandRended, setExpandRended] = React.useState(false);
 
   if (process.env.NODE_ENV !== 'production') {
-    devRenderTimes({
-      prefixCls,
-      fixedInfoList,
-      flattenColumns,
-      expandableType,
-      expandRowByClick,
-      onTriggerExpand,
-      rowClassName,
-      expandedRowClassName,
-      indentSize,
-      expandIcon,
-      expandedRowRender,
-      expandIconColumnIndex,
-    });
+    devRenderTimes(props);
   }
 
   const expanded = expandedKeys && expandedKeys.has(rowKey);