drip-table
Version:
A tiny and powerful enterprise-class solution for building tables.
62 lines (61 loc) • 2.69 kB
TypeScript
/**
* This file is part of the drip-table project.
* @link : https://drip-table.jd.com/
* @author : qianjing29 (qianjing29@jd.com)
* @modifier : qianjing29 (qianjing29@jd.com)
* @copyright: Copyright (c) 2020 JD Network Technology Co., Ltd.
*/
import React from 'react';
import { type DripTableColumnSchema, type DripTableDataColumnSchema, type DripTableExtraOptions, type DripTableRecordTypeBase, type DripTableRecordTypeWithSubtable, type SchemaObject } from "../../../types";
import { type ExtractDripTableExtraOption } from "../../../index";
import { DripTableBuiltInColumnSchema } from '..';
import { DripTableComponentProps } from '../component';
export declare type DTCGroupColumnSchema<CustomColumnSchema extends DripTableDataColumnSchema = never> = DripTableColumnSchema<'group', {
/**
* 自定义样式
*/
style?: string | Record<string, string>;
/**
* 布局配置：水平排列对齐方式
*/
horizontalAlign?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
/**
* 布局配置：垂直排列对齐方式
*/
verticalAlign?: 'top' | 'middle' | 'bottom';
/**
* 布局配置：每行列数
*/
layout: number[];
/**
* 布局配置：行列间隔
*/
gutter?: [number, number];
/**
* 布局配置：是否自动换行
*/
wrap?: boolean;
/**
* 布局配置：列偏移
*/
offset?: number[];
/**
* 每个栅格栏的配置
*/
items: (DripTableBuiltInColumnSchema<CustomColumnSchema> | CustomColumnSchema | null)[] | {
style?: React.CSSProperties;
schema: (DripTableBuiltInColumnSchema<CustomColumnSchema> | CustomColumnSchema | null);
}[];
}>;
interface DTCGroupProps<RecordType extends DripTableRecordTypeWithSubtable<DripTableRecordTypeBase, ExtractDripTableExtraOption<ExtraOptions, 'SubtableDataSourceKey'>>, ExtraOptions extends Partial<DripTableExtraOptions> = never> extends DripTableComponentProps<RecordType, DTCGroupColumnSchema<ExtractDripTableExtraOption<ExtraOptions, 'CustomColumnSchema'>>> {
}
interface DTCGroupState {
}
export default class DTCGroup<RecordType extends DripTableRecordTypeWithSubtable<DripTableRecordTypeBase, ExtractDripTableExtraOption<ExtraOptions, 'SubtableDataSourceKey'>>, ExtraOptions extends Partial<DripTableExtraOptions> = never> extends React.PureComponent<DTCGroupProps<RecordType, ExtraOptions>, DTCGroupState> {
static componentName: DTCGroupColumnSchema<DripTableExtraOptions['CustomColumnSchema']>['component'];
static schema: SchemaObject;
private get rowItems();
private parseReactCSS;
render(): React.JSX.Element;
}
export {};