es-grid-template/lib/ali-table/pipeline/features/rowDetail.d.ts

es-grid-template

import type { ReactNode } from 'react';
import React from 'react';
import type { TablePipeline } from '../pipeline';
export interface RowDetailFeatureOptions {
    /** 非受控用法：是否默认展开所有详情单元格 */
    defaultOpenAll?: boolean;
    /** 非受控用法：默认展开的 keys */
    defaultOpenKeys?: string[];
    /** 受控用法：当前展开的 keys */
    openKeys?: string[];
    /** 受控用法：openKeys 改变的回调 */
    onChangeOpenKeys?: (nextKeys: string[], key: string, action: 'expand' | 'collapse') => void;
    /** 详情单元格的渲染方法 */
    renderDetail?: (row: any, rowIndex: number) => ReactNode;
    /** 是否包含详情单元格 */
    hasDetail?: (row: any, rowIndex: number) => ReactNode;
    /** 获取详情单元格所在行的 key，默认为 `(row) => row[primaryKey] + '_detail'` */
    getDetailKey?: (row: any, rowIndex: number) => string;
    /** 详情单元格 td 的额外样式 */
    detailCellStyle?: React.CSSProperties;
    /** 点击事件的响应区域 */
    clickArea?: 'cell' | 'content' | 'icon';
    /** 是否对触发展开/收拢的 click 事件调用 event.stopPropagation() */
    stopClickEventPropagation?: boolean;
    /** 指定表格每一行元信息的记录字段 */
    rowDetailMetaKey?: string | symbol;
}
export declare function rowDetail(opts?: RowDetailFeatureOptions): (pipeline: TablePipeline) => TablePipeline;