import react, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import { Button, Form, Row, Col, Icon } from 'antd';
import DataSearch from '../../../components/DataSearch';

@Form.create()
export default class Search extends PureComponent {
  static propTypes = {
    form: PropTypes.object.isRequired,
    onSearch: PropTypes.func,
    onAdd: PropTypes.func,
    field: PropTypes.string,
    keyword: PropTypes.string,
  };

  render() {
    const { field, keyword, onSearch, onAdd } = this.props;

    const searchGroupProps = {
      field,
      keyword,
      size: 'default',
      select: true,
      selectOptions: [{
        value: 'name', name: '产品名称', mode: 'input',
      }, {
        value: 'code', name: '产品编号', mode: 'input',
      }],
      selectProps: {
        defaultValue: field || 'name',
      },
      onSearch: (value) => {
        onSearch(value);
      },
    };

    return (
      <Row gutter={24}>
        <Col lg={10} md={12} sm={16} xs={24} style={{ marginBottom: 16 }}>
          <DataSearch {...searchGroupProps} />
        </Col>
      </Row>
    );
  }
}