import React from 'react';
import { Timeline } from 'antd';
import XBaseDisplay, { XBaseDisplayProps } from "../base/XBaseDisplay";
export interface XTimeLineProps extends XBaseDisplayProps {
    /**
     * 通过设置 mode 可以改变时间轴和内容的相对位置
     */
    mode?: 'left' | 'alternate' | 'right';
    item?: any[];
    descField?: string[];
    dateField?: string;
    colorField?: string;
    iconField?: string;
}
export interface XTimeLineItemProps {
    title?: string;
}
/**
 * 时间线组件是对以时间排序的数据列表的展示方式，一般以时间和描述两个维度进行展示。
 * [
 *                     {
 *                         children: 'Create a services site 2015-09-01',
 *                     },
 *                     {
 *                         children: 'Solve initial network problems 2015-09-01',
 *                         color: 'green',
 *                     },
 *                     {
 *                         dot: <ClockCircleOutlined style={{ fontSize: '16px' }} />,
 *                         children: `Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.`,
 *                     },
 *                 ]
 * @name 时间线组件
 * @groupName 列表
 */
export default class XTimeLine extends XBaseDisplay<XTimeLineProps, any> {
    static ComponentName: string;
    static Timeline: typeof Timeline;
    static defaultProps: {
        mode: string;
        styleType: string;
        hasBox: boolean;
        showBorder: any;
        overflow: string;
        boxStyle: {};
        width: string;
        height: string;
        visible: boolean;
        grid: number[];
        gridSpan: number[];
        parent: string;
        pureRender: boolean;
        dataSourceUrl: string;
        filterData: {};
        mustHasFilter: boolean;
    };
    static TimeLineItem: (props: XTimeLineItemProps) => React.JSX.Element;
    constructor(props: any);
    componentDidMount(): void;
    GetItems(): any;
    renderDisplay(): React.JSX.Element;
}