import React from 'react'; import Head from './components/head'; import Row from './components/row'; import style from './style'; import utils from '../utils'; class Table extends React.Component { static propTypes = { className: React.PropTypes.string, dataSource: React.PropTypes.array, model: React.PropTypes.object, heading: React.PropTypes.bool, onChange: React.PropTypes.func, onSelect: React.PropTypes.func }; static defaultProps = { className: '', dataSource: [], heading: true }; state = { dataSource: utils.cloneObject(this.props.dataSource), selected: false, selected_rows: [] }; componentWillReceiveProps = (next_props) => { if (next_props.dataSource) { this.setState({dataSource: utils.cloneObject(next_props.datasSource)}); } }; handleRowChange = (event, row, key, value) => { const dataSource = this.state.dataSource; dataSource[row.props.index][key] = value; this.setState({ dataSource: dataSource }); if (this.props.onChange) { this.props.onChange(event, this, row); } }; handleRowSelect = (event, instance) => { if (this.props.onSelect) { const index = instance.props.index; const selected_rows = this.state.selected_rows; const selected = selected_rows.indexOf(index) === -1; if (selected) { selected_rows.push(index); this.props.onSelect(event, instance.props.data); } else { delete selected_rows[selected_rows.indexOf(index)]; } this.setState({ selected_rows: selected_rows }); } }; handleRowsSelect = (event) => { this.setState({ selected: !this.state.selected }); }; isChanged = (data, base) => { let changed = false; Object.keys(data).map((key) => { if (data[key] !== base[key]) { changed = true; } }); return changed; }; renderHead () { if (this.props.heading) { return ( ); } } renderBody () { return ( { this.state.dataSource.map((data, index) => { return ( ); }) } ); } render () { const className = `${this.props.className} ${style.root}`; return ( { this.renderHead() } { this.renderBody() }

); } getValue () { return this.state.dataSource; } getSelected () { const rows = []; this.state.dataSource.map((row, index) => { if (this.state.selected_rows.indexOf(index) !== -1) rows.push(row); }); return rows; } } export default Table;