import React, {
	Component
} from 'react';
import ReactDOM from 'react-dom'
import {
	observer
} from 'mobx-react';
import {
	WeaRightMenu,
	WeaTableEdit
} from 'ecCom';
import {
	Spin
} from 'antd';
import classnames from 'classnames';

@observer
export default class ActionList extends Component {
	constructor(props) {
		super(props);
	}

	componentDidMount() {}

	componentWillReceiveProps(nextProps) {}

	render() {
		const {
			store,
			rightMenu
		} = this.props;
		const {
			spinning,
			tableConfig
		} = store;
		const className = classnames({
			['tabPane']: true,
			['tabPane-dialog']: true
		})
		return (
			<div className={className}>
				<Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@iturbt`} spinning={spinning}>
					<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@ud29uj`} datas={rightMenu}>
						<WeaTableEdit ecId={`${this && this.props && this.props.ecId || ''}_WeaTableEdit@a40nb9`} {...store.toJS(tableConfig)}/>
					</WeaRightMenu>
				</Spin>
			</div>
		)
	}
}