chore: expanded info

Author: zombieJ

docs/examples/virtual.tsx

@@ -204,6 +204,7 @@ const Demo = () => {
         expandable={{
           expandedRowRender: () => 2333,
           columnWidth: 60,
+          expandedRowClassName: () => 'good-one',
         }}
         // onRow={() => ({ className: 'rowed' })}
         rowClassName="nice-try"

src/StaticTable/BodyLine.tsx

@@ -34,11 +34,24 @@ const BodyLine = React.forwardRef<HTMLDivElement, BodyLineProps>((props, ref) =>
   const rowInfo = useRowInfo(record, rowKey, index, indent);
 
   // ========================== Expand ==========================
-  const { rowSupportExpand, expanded, rowProps } = rowInfo;
+  const { rowSupportExpand, expanded, rowProps, expandedRowRender, expandedRowClassName } = rowInfo;
 
   let expandRowNode: React.ReactElement;
   if (rowSupportExpand && expanded) {
-    expandRowNode = <>233</>;
+    const expandContent = expandedRowRender(record, index, indent + 1, expanded);
+    const computedExpandedRowClassName = expandedRowClassName?.(record, index, indent);
+
+    expandRowNode = (
+      <div
+        className={classNames(
+          `${prefixCls}-expanded-row`,
+          `${prefixCls}-expanded-row-level-${indent + 1}`,
+          computedExpandedRowClassName,
+        )}
+      >
+        {expandContent}
+      </div>
+    );
   }
 
   // ========================== Render ==========================

src/StaticTable/index.tsx

@@ -2,11 +2,12 @@ import type { CompareProps } from '@rc-component/context/lib/Immutable';
 import * as React from 'react';
 import { INTERNAL_HOOKS } from '..';
 import type { CustomizeScrollBody } from '../interface';
-import Table, { type TableProps } from '../Table';
+import Table, { DEFAULT_PREFIX, type TableProps } from '../Table';
 import Grid from './BodyGrid';
 import { StaticContext } from './context';
 import { makeImmutable } from '../context/TableContext';
 import { warning } from 'rc-util';
+import classNames from 'classnames';
 
 const renderBody: CustomizeScrollBody<any> = (rawData, props) => {
   const { ref, onScroll } = props;
@@ -24,7 +25,7 @@ export interface StaticTableProps<RecordType> extends Omit<TableProps<RecordType
 const PRESET_COLUMN_WIDTH = 100;
 
 function VirtualTable<RecordType>(props: StaticTableProps<RecordType>) {
-  const { columns, scroll } = props;
+  const { columns, scroll, prefixCls = DEFAULT_PREFIX, className } = props;
 
   const { x: scrollX, y: scrollY } = scroll || {};
   let mergedScrollX = scrollX;
@@ -44,6 +45,7 @@ function VirtualTable<RecordType>(props: StaticTableProps<RecordType>) {
     <StaticContext.Provider value={{ scrollX: mergedScrollX, scrollY }}>
       <Table
         {...props}
+        className={classNames(className, `${prefixCls}-virtual`)}
         scroll={{
           ...scroll,
           x: mergedScrollX,

src/Table.tsx

@@ -75,6 +75,8 @@ import Column from './sugar/Column';
 import ColumnGroup from './sugar/ColumnGroup';
 import { getColumnsKey, validateValue } from './utils/valueUtil';
 
+export const DEFAULT_PREFIX = 'rc-table';
+
 // Used for conditions cache
 const EMPTY_DATA = [];
 
@@ -160,7 +162,7 @@ function defaultEmpty() {
 function Table<RecordType extends DefaultRecordType>(tableProps: TableProps<RecordType>) {
   const props = {
     rowKey: 'key',
-    prefixCls: 'rc-table',
+    prefixCls: DEFAULT_PREFIX,
     emptyText: defaultEmpty,
     ...tableProps,
   };