rm

Author: thinkasany

src/Cell/index.tsx

@@ -125,12 +125,10 @@ function Cell<RecordType>(props: CellProps<RecordType>) {
 
   const cellPrefixCls = `${prefixCls}-cell`;
 
-  const {
-    allColumnsFixedLeft,
-    rowHoverable,
-    classNames = {},
-    styles = {},
-  } = useContext(TableContext, ['allColumnsFixedLeft', 'rowHoverable', 'classNames', 'styles']);
+  const { allColumnsFixedLeft, rowHoverable } = useContext(TableContext, [
+    'allColumnsFixedLeft',
+    'rowHoverable',
+  ]);
 
   // ====================== Value =======================
   const [childNode, legacyCellProps] = useCellRender(
@@ -219,7 +217,6 @@ function Cell<RecordType>(props: CellProps<RecordType>) {
   // >>>>> ClassName
   const mergedClassName = cls(
     cellPrefixCls,
-    classNames.cell,
     className,
     {
       // Fixed
@@ -255,7 +252,6 @@ function Cell<RecordType>(props: CellProps<RecordType>) {
     ...fixedStyle,
     ...alignStyle,
     ...additionalProps.style,
-    ...styles.cell,
     ...style,
   };
 

src/Table.tsx

@@ -85,7 +85,7 @@ const EMPTY_DATA = [];
 // Used for customize scroll
 const EMPTY_SCROLL_TARGET = {};
 
-export type SemanticName = 'section' | 'title' | 'footer' | 'content' | 'cell';
+export type SemanticName = 'section' | 'title' | 'footer' | 'content';
 export type ComponentsSemantic = 'wrapper' | 'cell' | 'row';
 export interface TableProps<RecordType = any>
   extends Omit<LegacyExpandableProps<RecordType>, 'showExpandColumn'> {

tests/semantic.spec.tsx

@@ -55,7 +55,6 @@ describe('support classNames and styles', () => {
       title: 'test-title',
       footer: 'test-footer',
       content: 'test-content',
-      cell: 'test-cell',
       body: {
         wrapper: 'test-body-wrapper',
         cell: 'test-body-cell',
@@ -72,7 +71,6 @@ describe('support classNames and styles', () => {
       title: { background: 'green' },
       footer: { background: 'pink' },
       content: { background: 'purple' },
-      cell: { fontSize: '19px' },
       body: {
         wrapper: { background: 'cyan' },
         cell: { background: 'lime' },
@@ -91,7 +89,6 @@ describe('support classNames and styles', () => {
     const title = container.querySelector('.rc-table-title');
     const footer = container.querySelector('.rc-table-footer');
     const content = container.querySelector('.rc-table-content');
-    const cell = container.querySelector('.rc-table-cell');
     const headerWrapper = container.querySelector('.rc-table-thead');
     const headerCell = container.querySelector('.rc-table-cell');
     const headerRow = container.querySelector('tr');
@@ -106,8 +103,6 @@ describe('support classNames and styles', () => {
     expect(footer).toHaveStyle(testStyles.footer);
     expect(content).toHaveClass(testClassNames.content);
     expect(content).toHaveStyle(testStyles.content);
-    expect(cell).toHaveClass(testClassNames.cell);
-    expect(cell).toHaveStyle({ fontSize: testStyles.cell.fontSize });
 
     expect(headerWrapper).toHaveClass(testClassNames.header.wrapper);
     expect(headerWrapper).toHaveStyle(testStyles.header.wrapper);