UNPKG

drip-table

Version:

A tiny and powerful enterprise-class solution for building tables.

54 lines (53 loc) 1.66 kB
/** * This file is part of the drip-table project. * @link : https://drip-table.jd.com/ * @author : Emil Zhai (root@derzh.com) * @modifier : Emil Zhai (root@derzh.com) * @copyright: Copyright (c) 2020 JD Network Technology Co., Ltd. */ import './index.less'; import React from 'react'; import { DripTableColumnSchema, DripTableRecordTypeBase, SchemaObject } from "../../../types"; import { DripTableComponentProps } from '../component'; interface DTCStatusColumnSchemaOptions extends Record<string, unknown> { /** * 组件类名 */ className?: string; /** * 状态颜色 */ color?: string; /** * 状态前导圆圈大小 */ dotSize?: number; /** * 不同状态的属性 */ statuses?: (Omit<DTCStatusColumnSchemaOptions, 'statuses'> & { /** * 匹配的状态值 */ value?: unknown; /** * 展示文案 */ text?: string; })[]; } export declare type DTCStatusColumnSchema = DripTableColumnSchema<'status', DTCStatusColumnSchemaOptions>; interface DTCStatusProps<RecordType extends DripTableRecordTypeBase> extends DripTableComponentProps<RecordType, DTCStatusColumnSchema> { } interface DTCStatusState { } export default class DTCStatus<RecordType extends DripTableRecordTypeBase> extends React.PureComponent<DTCStatusProps<RecordType>, DTCStatusState> { static componentName: DTCStatusColumnSchema['component']; static schema: SchemaObject; state: DTCStatusState; private get statusOptions(); private getOptionsValue; private get dotSize(); render(): JSX.Element; } export {};