import React from 'react';
import {WeaNewScroll, WeaSelect} from 'ecCom';
import {inject, observer} from 'mobx-react';
import {toJS} from 'mobx';

@inject('weesoStore')
@observer
export default class AboutSelect extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
    }
  }
  
  render() {
    const {values, weesoStore, bindObj, container} = this.props;
    return (
      <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@qr6ypx`} height={200}
                 {...values}
                 {...bindObj.bind()}
                 layout={container}
                 onChange={(...args)=>
                 {
                   weesoStore.setState({
                     showToolPopover: true,
                     maskClosable: true
                   });
                   bindObj.onChange(...args)
                 }}
                 onFocus={() => {
                   weesoStore.setState({maskClosable: false})
                 }}
                 onBlur={() => {
                   weesoStore.setState({maskClosable: true})
                 }}
      >
      </WeaSelect>
    )
  }
}