import Button from '../../button';
import React from 'react';
import ReactDOM from 'react-dom';
import Table from '..';
const columns = new Array(4).fill({
    dataIndex: 'data',
    title: 'Data',
    width: 200,
});
columns.unshift({
    dataIndex: 'id',
    title: 'Id',
    width: 100,
    lock: 'left',
});
columns.push({
    dataIndex: 'state',
    title: 'State',
    width: 200,
});
columns.push({
    title: 'Action',
    width: 100,
    align: 'center',
    cell: () => React.createElement(Button, null, "delete"),
    lock: 'right',
});
const dataSource = [
    {
        id: 30000,
        data: '$13.02',
        state: 'normal',
    },
    {
        id: 30001,
        data: '$16.02',
        state: 'normal',
    },
    {
        id: 30002,
        data: '$63.0002',
        state: 'error',
    },
];
ReactDOM.render(React.createElement(Table.StickyLock, { dataSource: dataSource, cellProps: (rowIndex, colIndex) => {
        if (colIndex === 0) {
            return {
                colSpan: 1,
                rowSpan: 2,
            };
        }
        if (colIndex === columns.length - 1) {
            return {
                colSpan: 1,
                rowSpan: 3,
            };
        }
    } }, columns.map((col, i) => {
    return React.createElement(Table.Column, Object.assign({ key: i }, col));
})), document.getElementById('table-demo-10'));
